<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<html>
	<head>
		<title>test</title>
		<jsp:include page="/common/inc/meta.jsp"></jsp:include>
		<jsp:include page="/common/inc/easyui.jsp"></jsp:include>
		<script type="text/javascript">
			var dd;
			var draggable;
			
			$(function(){
				dd=$('#dd').draggable({
					handle:'#title'
				});
				
				draggable=$('#draggable').draggable({
					handle:'#title1',
					proxy: function(source){
					var p = $('<div style="border:1px solid #ccc;width:80px"></div>');
					p.html($(source).html()).appendTo('body');
					return p;
					}
				});	
			});
		</script>
	</head>
	<body>
		<div id="dd" style="width:100px;height:100px">
			<div id="title" style="background:#ccc;" >title</div>
		</div>
		<div id="draggable" style="width:100px;height:100px">
			<div id="title1" style="background:red;">title</div>
		</div>
	</body>
</html>